<div style="margin-top:45px;" v-if="status">

	<!-- 图标 -->
	<a-alert v-if="!status.connect"
		message="警告"
		description="屏幕掉线啦！！！"
		type="warning"
		showIcon
	></a-alert>

	<a-card style="padding: 12px;">
		<a-form>
			<a-form-item :label-col="{span : 4}" :wrapperCol="{span: 18}" label="查询方式" style="margin-bottom: 1px;">
				<a-select :value="format" @change="(v) => onFormatChange(v)">
          <a-select-option value="planetaryExploration/moon" key="planetaryExploration/moon">人类探月形势汇总</a-select-option>
          <a-select-option value="flightLog/cn/ver2021" key="flightLog/cn/ver2021">中国火箭发射记录 (2021 版)</a-select-option>
          <a-select-option value="flightLog/cn/ver2023" key="flightLog/cn/ver2023">中国火箭发射记录 (2023 版)</a-select-option>
				</a-select>
      </a-form-item>
			<a-form-item :wrapperCol="{span: 16, offset: 4}" style="margin-bottom: 1px;">
				<a-button-group>
					<a-button @click="btnSubmit()" :type="dirty ? 'primary' : 'default'" >提交</a-button>
					<a-button @click="btnRefresh()">刷新</a-button>
				</a-button-group>
			</a-form-item>
		</a-form>
  </a-card>
  
  <br/>
  <a-card v-if="status.data && status.data.view">
    画报大小: {{ status.data.view.width }} x {{ status.data.view.height }}
  </a-card>
</div>
<div v-else>
	空
</div>
